@import "~style/uca/index.scss";

.ux {
  &_qr {
    &_range {
      .prefix {
        line-height: 32px;
        font-weight: bold;
      }
    }

    &_search {
      .prefix {
        line-height: 32px;
        font-weight: bold;
      }

      // < 1200
      @media (max-width: 1366px) {
        .ant-input-search {
          width: 50%;
        }
      }

      // 1280 x 1024
      @media (min-width: 1366px) and (max-width: $screen-xxl) {
        .ant-input-search {
          width: 64%;
        }
      }

      // > 1600
      @media (min-width: $screen-xxl) {
        .ant-input-search {
          width: 72%;
        }
      }
    }
  }

  &_op {
    &_search {
      // < 1200
      @media (max-width: 1366px) {
        .ant-input-search {
          width: 50%;
        }
      }

      // 1280 x 1024
      @media (min-width: 1366px) and (max-width: $screen-xxl) {
        .ant-input-search {
          width: 64%;
        }
      }

      // > 1600
      @media (min-width: $screen-xxl) {
        .ant-input-search {
          width: 72%;
        }
      }

      .search-clean {
        button[disabled] {
          border-radius: 4px;
        }
      }

      .search-right {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;

        button[disabled] {
          border-top-right-radius: 4px !important;
          border-bottom-right-radius: 4px !important;
        }
      }
    }

    &_ul {
      float: left;
      list-style: none;
      padding-left: 0;
      margin: $uni_font * 0.3 0;

      li {
        float: left;
        margin-right: $uni_font * 1.2;
        list-style: none;
        line-height: $uni_font * 1.8;
      }
    }

    &_transfer {
      width: 100%;
      padding: $uni_font * 0.2 0;

      .ant-transfer {

        &-list {
          width: 47%;
        }

        &-operation {
          min-width: 24px;
          width: 24px;
        }
      }

      .left {
        overflow: hidden;
      }

      .right {
        float: right;
      }
    }

    &_dbclick {
      &:hover {
        cursor: pointer;
      }

      .ant-table-selection-column {
        width: $uni_font * 2.4;
        max-width: $uni_font * 2.4;
      }
    }
  }
}